<!-- 我的优惠券 -->
<template>
    <view class="coupon_box">
        <coupon
            v-for="(item, index) in coupon[0].list"
            :key="index"
            :item="item"
            showType="use"
        />
    </view>
</template>

<script>
    import coupon from '@/components/coupon.vue';
    export default {
        components: {
            coupon
        },
        data() {
            return {
                coupon: [{
                    list: [{
                            url: "/pages/brand/index/id/1",
                            money: "150",
                            title: "满2000减150元",
                            ticket: "YMC_5c929fbf47235",
                            seller_name: "百达翡丽官方旗舰店",
                            end_time: "2019-04-20 01:51:20",
                            state: "1"
                        },
                        {
                            url: "/pages/brand/index/id/1",
                            money: "50",
                            title: "满1000减50元",
                            ticket: "YMC_5c929fbf47235",
                            seller_name: "百达翡丽官方旗舰店",
                            end_time: "2019-04-20 01:51:20",
                            state: "1"
                        }
                    ]
                }]
            }
        },
        onLoad() {

        },
        methods: {

        }
    }
</script>

<style lang='scss' scoped>
    .coupon_box {
        width: 100%;
        height: auto;
        display: table;
        padding: 6rpx 26rpx 26rpx 26rpx;
        background: #ffffff;
    }

    .other_type {
        width: 100%;
        height: 90rpx;
        padding-top: 50rpx;

        .text {
            width: 100%;
            border-top: 1px solid #eeeeee;
            display: block;
            text-align: center;
            position: relative;
        }

        .text span {
            width: 180rpx;
            height: 40rpx;
            line-height: 40rpx;
            color: #999999;
            display: block;
            background: #ffffff;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -90rpx;
            margin-top: -20rpx;
            font-size: 36rpx;
        }
    }
</style>